import Client from "@/app/components/Client";
import "./globals.css";
import { CDN } from "@/utils/env";
import type { Metadata, Viewport } from "next";
import { Roboto } from 'next/font/google'
{/* <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover"> */}

export const viewport:Viewport  = {
  width: 'device-width',
  initialScale: 1,
  maximumScale: 1,
  userScalable: false,
  viewportFit: 'cover'
}

export const metadata: Metadata = {
  title: "Diamond",
  description: "Diamond",
  generator: "Next.js",
  applicationName: "Next.js",
  referrer: "origin-when-cross-origin",
  keywords: ["money"],
  authors: [{ name: "Diamond", url: `${CDN}images/logo.svg` }],
  creator: "Diamond",
  publisher: "Diamond",
  icons: {
    icon: `${CDN}images/logo.svg`,
    shortcut: `${CDN}images/logo.svg`,
    apple: `${CDN}images/logo.svg`,
    other: {
      rel: "apple-touch-icon-precomposed",
      url: `${CDN}images/logo.svg`,
    },
  },
  openGraph: {
    title: "Diamond",
    description: "Diamond",
    url: `${CDN}images/logo.svg`,
    siteName: "Diamond",
    images: [
      {
        url: `${CDN}images/logo.svg`,
      },
    ],
  },
};

const roboto = Roboto({
  subsets: ['latin'],
  weight: ['100', '300', '400', '500', '700', '900'],
})

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="en">
      <body className={roboto.className}>
        <Client>{children}</Client>
      </body>
    </html>
  );
}
